.footer {
  @apply mt-12 mb-16 w-full text-body-200 text-color-foreground-faint;

  .footer-inner {
    @apply flex w-full items-center justify-between border-t border-t-color-border-primary pt-6;
  }

  &.compact {
    @apply mt-0;

    .footer-inner {
      @apply border-t-0;
    }
  }
}

.hds-table,
.pagination {
  & + .footer {
    @apply mt-24;
  }
}
